﻿<html>
<head>
<title>CSS3 Border Radius Test</title>

<style type="text/css">
body {border-radius: 50cm; border-style: solid;}
p {border-radius: 10px 20px; border-style: solid; 
  }
h3 {border-radius: 15em; border-style: solid;}
h4 {border-radius: 5em 10em; border-style: solid;}
em {border-radius: 20mm; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Radius Test</h1>





<ul>
<li >
For "border-radius", possible values are "length length?" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a 10px 20px
border radius.
The rule applied is "p {border-radius: 10px 20px;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
The border-radius of this h3 heading should be 15em.  
The rule applied is "h3 {border-radius: 15em;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
The border-radius of this h4 heading should be 5em horizontal and 10em vertical.
The rule applied is "h4 {border-radius: 5em 10em;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border radius of 20mm.
The rule applied is "em {border-radius: 20mm;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.

</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have 10px 20px border radius.  The body's border radius of 50cm should display,
since the rule "body {border-radius: 50cm;}" applies.
Border style of solid is applied to all
CSS rules, so that the border is visible.
</p>

</body>
</html>
